<?php
    $url = new Url();         
?>
<div id="main" class="">
    <?php $this->widget("SideBar");?> 
    <div id="content">
        <div class="flash notice" id="flash_notice" style="display: none;">Đổi mật khẩu thành công.</div>
        <div id="errorExplanation" style="display: none;">
            <ul id="err_msg">
                <!--<li>Email không thể để trắng</li>-->
            </ul>
        </div>


        <h2>Đổi mật khẩu</h2>
        <form class="tabular" method="post">        
            <div class="box">
                <p><label for="password">Mật khẩu cũ <span class="required">*</span></label>
                    <input id="password" name="password" size="25" type="password"></p>

                <p><label for="new_password">Mật khẩu mới <span class="required">*</span></label>
                    <input id="new_password" name="new_password" size="25" type="password">
                    <em class="info">Phải gồm ít nhất 4 ký tự.</em></p>

                <p><label for="new_password_confirmation">Nhập lại mật khẩu <span class="required">*</span></label>
                    <input id="new_password_confirmation" name="new_password_confirmation" size="25" type="password"></p>
            </div>
            <input name="commit" type="button" value="Xác nhận" onclick="change_password(<?php echo $data['user_id']; ?>)">        
        </form>
        <div style="clear:both;"></div>
    </div>
</div> 
<script type="">

    function change_password(user_id){
        var password = $('#password').val();       
        var new_password = $('#new_password').val();       
        var new_password_confirmation = $('#new_password_confirmation').val();    
        var flag_err = 0;
        $('#errorExplanation').slideUp('slow');
        $('#err_msg').empty();        
        if(password == ''){
            flag_err = 1;
            err_msg = '<li>Chưa điền mật khẩu cũ!</li>'
            $('#err_msg').append(err_msg);
        }
        if(new_password == ''){
            flag_err = 1;
            err_msg = '<li>Chưa điền mật khẩu mới!</li>'
            $('#err_msg').append(err_msg);
        }        
        if(new_password != new_password_confirmation){
            flag_err = 1;
            err_msg = '<li>Xác nhận mật khẩu sai!</li>'
            $('#err_msg').append(err_msg);
        }        
        if(flag_err == 1){
            $('#errorExplanation').slideDown('slow');
            return false;    
        }else{            
            $('#errorExplanation').slideUp('slow');
            var strUrl = '<?=$url->createUrl("user/ajaxSubmitChangePass") ?>';            
            loadingAjax();
            $.ajax({
                type: "GET",
                url: strUrl,
                data: {user_id:user_id,password:password,new_password:new_password},            
                success: function(msg){                            
                    if(msg==1){                       
                        $('#errorExplanation').slideUp('slow');
                        $('#flash_notice').slideDown('slow');
                    }else if(msg==-3){
                        err_msg = '<li>Mật khẩu không đúng!</li>'
                        $('#err_msg').append(err_msg);   
                        $('#errorExplanation').slideDown('slow');                     
                    }
                }
            });
        }  
        closeLoadingAjax();
    }

</script>